<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>homework01</title>
</head>
<script type="text/javascript" src="../script/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
    $(function () {
        $("#b1").click(function () {
            var $sport = $("input[type='checkbox']:checked")
            alert("选中的个数是"+$sport.length)
            $sport.each(function () {
                alert("选中的值是"+$(this).val())
            })
        })
    })
</script>
<body>
<input type="checkbox" name="sport" value="lq">篮球
<input type="checkbox" name="sport" value="pq">排球
<input type="checkbox" name="sport" value="ymq">羽毛球
<input type="checkbox" name="sport" value="ppq">乒乓球
<input type="button" value="选中的个数" id="b1">
</body>
</html>